      <header class="main-header">
        <!-- Header Navbar: style can be found in header.less -->
        <nav class="navbar navbar-static-top" role="navigation">
          <!-- Logo -->
          <div style="float:left;color:white;line-height:50px;font-size:1.4em;font-weight:bold;padding-left:5px;">Hadoop大讲台</div>
          
          <div class="navbar-custom-menu">
            <ul class="nav navbar-nav">
            
              <!-- 菜单 -->
              <li class="dropdown notifications-menu">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                  <i class="fa fa-bars"></i>
                </a>
                <ul class="dropdown-menu">
                  <li>
                  	<ul class="menu">
	                  <li><a href="${webRoot}m/center.do"><i class="fa fa-home"></i> 学习中心</a></li>
	                  <li><a href="${webRoot}m/progress.do"><i class="fa fa-signal"></i> 我的学习进度</a></li>
	                  <li><a href="${webRoot}m/qa.do"><i class="fa fa-question-circle"></i> 技术问答</a></li>
	                  <li><a href="${webRoot}m/ext.do"><i class="fa fa-plus-square"></i> 扩展学习</a></li> 
	                </ul>                 
                  </li>                                 
                </ul>
              </li>
          
              <!-- 消息-->
              <li class="dropdown messages-menu">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                  <i class="fa fa-bell"></i>
                  <span class="label label-danger">3</span>
                </a>
                <ul class="dropdown-menu">
                  <li class="header">你收到  3 消息</li>
                  <li>
                    <!-- inner menu: contains the actual data -->
                    <ul class="menu">
                      <li><!-- start message -->
                        <a href="#">
                          <div class="pull-left">
                            <img src="${mobileRoot}dist/img/user2-160x160.jpg" class="img-circle" alt="User Image"/>
                          </div>
                          <h4>
                                                                                                  讲讲
                            <small><i class="fa fa-clock-o"></i> 5 mins</small>
                          </h4>
                          <p>你获得了“全神贯注”勋章，继续加油！</p>
                        </a>
                      </li><!-- end message -->
                      <li>
                        <a href="#">
                          <div class="pull-left">
                            <img src="${mobileRoot}dist/img/user3-128x128.jpg" class="img-circle" alt="user image"/>
                          </div>
                          <h4>
                            Hadoop大讲台产品组
                            <small><i class="fa fa-clock-o"></i> 2 hours</small>
                          </h4>
                          <p>欢迎进入《Hadoop大讲台》学习！</p>
                        </a>
                      </li>
                      <li>
                        <a href="#">
                          <div class="pull-left">
                            <img src="${mobileRoot}dist/img/user4-128x128.jpg" class="img-circle" alt="user image"/>
                          </div>
                          <h4>
                                                                                                 小讲
                            <small><i class="fa fa-clock-o"></i> Today</small>
                          </h4>
                          <p>欢迎加入大讲台</p>
                        </a>
                      </li>                      
                    </ul>
                  </li>
                  <li class="footer"><a href="#">查看所有历史消息</a></li>
                </ul>
              </li>
              
              <!-- 换肤 -->
              <li class="dropdown notifications-menu">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                  <i class="fa fa-magnet"></i>
                </a>
                <ul class="dropdown-menu">
                  <li class="header">请选择你喜欢的皮肤</li> 
                  <li> 
	                  <ul class="menu">
	                      <li><a onclick="change_skin('skin-blue')" href="javascript:void(0);"><span style="display:block; width: 95%; float: left; text-align:center;" class="bg-light-blue">科技蓝</span></a></li>		                  
		                  <li><a onclick="change_skin('skin-green')" href="javascript:void(0);"><span style="display:block; width: 95%; float: left; line-height:24px;text-align:center;" class="bg-green">清新绿</span></a></li>
		                  <li><a onclick="change_skin('skin-red')" href="javascript:void(0);"><span style="display:block; width: 95%; float: left; line-height:24px;text-align:center;" class="bg-red">亮丽红</span></a></li>
		                  <li><a onclick="change_skin('skin-yellow')" href="javascript:void(0);"><span style="display:block; width: 95%; float: left; line-height:24px;text-align:center;" class="bg-yellow">希望橙</span></a></li>		                  
		                  <li><a onclick="change_skin('skin-purple')" href="javascript:void(0);"><span style="display:block; width: 95%; float: left; line-height:24px;text-align:center;" class="bg-purple">高贵紫</span></a></li>
		                  <li><a onclick="change_skin('skin-black')" href="javascript:void(0);"><span style="display:block; width: 95%; float: left; text-align:center; background: #222;">酷炫黑</span></a></li>
	                  </ul>
                  </li>                                 
                  <li class="footer">&nbsp;</li>
                </ul>
              </li>
                           
              <!-- 用户 -->
              <li class="dropdown user user-menu">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                  <img src="${mobileRoot}dist/img/user2-160x160.jpg" class="user-image" alt="User Image"/>
                  <span class="hidden-xs">${Session["dw_name"]?default("无名士")}</span>
                </a>
                <ul class="dropdown-menu">
                  <!-- User image -->
                  <li class="user-header">
                    <img src="${mobileRoot}dist/img/user2-160x160.jpg" class="img-circle" alt="User Image" />
                    <p>
                      Alexander Pierce - Web Developer
                      <small>Member since Nov. 2012</small>
                    </p>
                  </li>
                  <!-- Menu Body -->
                  <li class="user-body">
                  	<div class="col-xs-4 text-center">
                      	开通了${Session["dh_trainday"]}天
                    </div>
                    <div class="col-xs-4 text-center">
                      	学习了${Session["dh_trainday"]}天
                    </div>
                    <div class="col-xs-4 text-center">
                      	在线${Session["dh_onlinetime"]}分
                    </div>                   
                  </li>
                  <!-- Menu Footer-->
                  <li class="user-footer">
                    <div class="pull-left">
                      <a href="#" class="btn btn-default btn-flat">个人资料</a>
                    </div>
                    <div class="pull-right">
                      <a href="${webRoot}logout.do" class="btn btn-default btn-flat">退出</a>
                    </div>
                  </li>
                </ul>
              </li>
            </ul>
          </div>
        </nav>
      </header>